.header-space { width: 100%; height: .88rem; }
.md-header { width: 100%; text-align: center; color: #666; background-color: #F9F9F9; border-bottom: 1px solid #BBBBBB; }
.md-header .mh-wrap { width: 100%; height: .88rem; } 
.md-header .mh-back { position: absolute; top: .25rem; left: .25rem; width: .19rem; height: .36rem;  background-image: url("../image/goback-black.png"); }
.md-header .mh-back:active { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -webkit-transition-duration: 300ms; opacity: .5; }
.md-header .mh-title { color: #666;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.footer-space { width: 100%; height: 1.12rem; }
footer { width: 100%; height: 1.12rem; z-index: 99; background-color: #fff; }
.footer-wrap { width: 100%; height: 100%; }
footer .f-item { background-color: #fff; border-top: 1px solid #d6dbe3; }
.f-item > div { padding: 0 .1rem; }
footer .f-item i { width: .5rem; height: .5rem; }
.fi-home { background-image: url("../image/icon_home.png"); }
.fi-on .fi-home { background-image: url("../image/icon_home1.png"); }
.fi-service { background-image: url("../image/icon_serv.png"); }
.fi-on .fi-service { background-image: url("../image/icon_serv1.png"); }
.fi-person { background-image: url("../image/icon_sector.png"); }
.fi-on .fi-person { background-image: url("../image/icon_sector1.png"); }
.f-item em { font-style: normal; color: #666; margin-top: .01rem; }
.f-item .fi-on-color { color: #10b3ff; }
